$(function(){
	/**
	 * 详情页
	 * 选择属性
	 * 指定货品
	 * @return {[type]} [description]
	 */
	$(".spec .dd span").click(function() {
		
		//重置
		$(this).parent().find('span').removeClass('active');
		$(this).addClass('active');

		//规格属性选择完毕	
		if ($('.spec .dd .active').length == $('.spec').length) {
			var id='';
			$(".spec .dd .active").each(function(i) {
				id+=($(this).attr('id')+"-");
			})
			id=id.slice(0, -1);
			
			$.ajax({
				url: CONTROLLER+'&a=getProduct',
				type: 'POST',
				dataType: 'JSON',
				data: {id: id},
				success:function(JSON){
					$('#tips').html('');
					$('.tips').remove();
					if (JSON.status) {
						$('#productId').val(JSON.data.product_id);
					}else{
						$('#productId').val('');
						$('#tips').html('暂时无货');
					}
				}
			})
		}else{
			//未选择完规格属性
			return;
		}
	});
})
/**
 * 添加到购物车
 * @param {[type]} obj [description]
 */
function addCart(obj){
	var status=true;
	/**
	 * 验证规格属性是不是有未选的
	 */
	$(".spec").each(function(){
		if($(this).find('.active').length==0){
			
			$(this).find('.dd').append("<span class='tips' style='color:red;font-size:12px;border-color:#f90;'>*请选择"+$(this).find('.dt').html()+"</span>")
			status=false;
		}
	})
	//购买数量验证
	if($("[name='num']").val().trim()=='' || $("[name='num']").val()==0){
		alert('购买数量不能为空');
		status=false;
	}
	
	if (status) {
		var date= $('.addForm').serialize();
		// alert(date);
		$.post(MODULE+'&c=Cart&a=add', $('.addForm').serialize(), function(data) {
			if (data.state) {
				$('.blank').show();
				$('#dialog').show();
			}
		},'json');
	}
	return status;
}
/**
 * 放大镜左侧小图移入换图效果
 * @param  {[type]} obj [description]
 * @return {[type]}     [description]
 */
function image(obj){
	$(obj).siblings('li').find('img').css('opacity', 0.5);
	$(obj).find('img').css('opacity', 1);
	$('#img').attr('src',$(obj).attr('mimg'));
	$('#rpic').attr('src',$(obj).attr('jqimg'));
}
/**
 * 放大镜左侧 上下点击
 * @param  {[type]} obj [description]
 * @return {[type]}     [description]
 */
function nextPic(obj){
	var i=$(obj).attr('i');
	var ulTop=$('#thumb').css('top');
	var a=parseInt(ulTop);
	var nTop=a+73*i;
	var l=$("#thumb").find('li').length;
	if (nTop>=0) {//第一个
		nTop=0;
	}else if (nTop<=(-l+2)*73) {//最后两个
		nTop=(-l+2)*73;
	}
	$('#thumb').css('top',nTop);
}
/**
 * 异步修改数量
 * @param {[type]} obj [description]
 */
function addNum(obj){
	var i=$(obj).attr('ks')*1;
	var num=$(obj).siblings('[name=num]').val()*1;
	num+=i;
	if (num<=1) {
		num=1;
	}
	$(obj).siblings('[name=num]').val(num);
}
/**
 * 继续购物
 * @return {[type]} [description]
 */
function _close(){
	$('.blank').hide();
	$('#dialog').hide();
}
/**
 * 放大镜效果
 * @return {[type]} [description]
 */
window.onload=function(){
		var left=document.getElementById('left');//左侧区域
		var sekuai=document.getElementById('sekuai');//色块
		var gaizi=document.getElementById('gaizi');//盖子
		var right=document.getElementById('right');//右侧区域
		var rpic=document.getElementById('rpic');//右侧大图

		// 给盖子绑定鼠标移入事件
		gaizi.onmousemove=function(e){
			// 获取事件对象
			var ev=window.event || e;
			// 获取鼠标在左侧区域的位置
			var m_left=ev.offsetX || ev.layerX;//left值
			var m_top=ev.offsetY || ev.layerY;//top值
			// document.title = m_left+'|'+m_top;
			// 计算色块的位置
			var sk_left=m_left-200/2;//色块的left值
			var sk_top=m_top-200/2;//色块的top值
			// 判断色块靠边的情况
			if(sk_left<0){sk_left=0;}//左边
			if(sk_left>200){sk_left=200;}//右边
			if(sk_top<0){sk_top=0;}//上面
			if(sk_top>200){sk_top=200;}//下面
			// 给色块的left和top赋值
			sekuai.style.left=sk_left+'px';//赋值left
			sekuai.style.top=sk_top+'px';//赋值top
			// 计算右侧大图的top值和left值
			var rpic_left=sk_left*(-800/400);//left值
			var rpic_top=sk_top*(-800/400);//top值
			// 给右侧大图的left和top赋值
			rpic.style.left=rpic_left+'px';//left值
			rpic.style.top=rpic_top+'px';//top值
		}
		// 给左侧区域添加鼠标移入移出事件
		gaizi.onmouseover=function(){sekuai.style.display='block';right.style.display='block'}
		gaizi.onmouseout=function(){sekuai.style.display='none';right.style.display='none'}

	}